<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
</head>
<style>
    .share{
        position: fixed;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(#00cfd7, #0295d1); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#00cfd7, #0295d1); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#00cfd7, #0295d1); /* Firefox 3.6 - 15 */
        background: linear-gradient(#00cfd7, #0295d1); /* 标准的语法 */
    }
    .share_logo,.share_name{
        text-align: center;
    }
    .share_logo img{
        width: 60px;
        height: 60px;
        display: inline-block;
    }
    .share_name img{
        width: 80px;
        display: inline-block;
        background:#00cfd7 ;
    }
    .share_ul{
        padding-top: 30%;
    }
    .share_code{
        text-align: center;
    }
    .share_code span:nth-child(1){
        color: #fff;
        font-size: 16px;
    }
    .share_code span:nth-child(2){
        color: #e9ed5d;
    }
    .app_download_top{
        text-align: center;
        color: #fff;
        font-size: 22px;
    }
    .download a{
        float: left;
        width: 50%;
        text-align: center;
        display: block;
    }
    .download img{
        width: 85%;
        display: inline-block;
    }
    .app_download{
        padding-top:15%;
    }
    .app_download_top{
        padding: 8% 0;
    }
</style>
<body>
<div class="share">
    <ul class="share_ul">
        <li class="share_logo"><img src="../img/logo.png" alt=""></li>
        <li class="share_name"><img src="../img/name.png" alt=""></li>
        <li class="share_code">
            <span>邀请码:</span>
            <span>123456</span>
        </li>
    </ul>
    <ul class="app_download">
        <li class="app_download_top">应用下载</li>
        <li class="download clearfix">
            <a href=""><img src="../img/az.png" alt=""></a>
            <a href=""><img src="../img/ios.png" alt=""></a>
        </li>
    </ul>
</div>
</body>
</html>